
// 浅色主题
%light {
    $color-a: #f1f1f1;
    $color-b: #ffffff;
    $color-c: #1c2024;
    $color-d: #ffd250;
	background-color: $color-a;
	color: $color-c;
	&:after {
		content: '';
	    position: fixed;
	    height: 100vh;
	    width: 100%;
	    z-index: -1;
		background-color: $color-a;
	}
	&.login {
		background-color: $color-b;
	}
	&.page {
		&:after {
			background-color: $color-b;
		}
		background-color: $color-b;
	}
	// 按钮默认
	.m-button{
		color: $color-c;
		background-color: $color-b;
	}
	
	// 主要
	.main-bg{
		color: $color-c;
		background-color: $color-d
	}
	// 浅色背景
	.light-bg{
		color: $color-c;
		background-color: $color-b - 6;
	}
	// 标题背景
	.title-bg {
	    background-color: $color-b;
	}
	// 标题下方间隔线
	.title-bg.u-border-bottom:after {
	    border-color: $color-a;
	}
	// 模型背景
	.cu-modal {
	    .cu-dialog {
	        color: $color-c;
	        background-color: $color-b;
	    }
	}

	//加载中的modal
	.my-load {
	    .cu-load {
	        background-color: $color-b;
	        .text {
	            color: $color-c;
	        }
	    }
	    .load-modal::after {
	        border-left: 3px solid $color-d;
	        background-color: $color-b;
	    }
	}
	
	//卡片颜色
	.cu-card {
	    .cu-item {
	        background-color: $color-b;
	    }
	}
	
	//选择器
	.u-select {
	    background-color: $color-b;
	    color: $color-c;
	    .select-picker-view {
	        background: linear-gradient(180deg, rgba($color: $color-b, $alpha: 0.95), rgba($color: $color-b, $alpha: 0.6)),
	            linear-gradient(0deg, rgba($color: $color-b, $alpha: 0.95), rgba($color: $color-b, $alpha: 0.6));
	        background-position: top, bottom;
	        background-size: 100% 102px;
	        background-repeat: no-repeat;
	    }
		.select-picker-indicator:after {
		    border-bottom: 1px solid $color-a;
		}
		.select-picker-indicator:before {
		    border-top: 1px solid $color-a;
		}
	} 
	
	// 开关
	.u-switch {
		// @extend .light-bg;
	    background-color: $color-a + 10;
	    .node-class {
			background-color: $color-d
	    }
	}
	.u-switch--on {
		background-color: $color-d;
	    .node-class {
			background-color: $color-a + 10;
	    }
	}
	
	// 标题栏
	.u-navbar{

	}
	
	// 底部菜单
	.bottom-menu{
		@extend .title-bg;
		.select{
			// color: $color-d;
		}
	}
	// 底部输入框
	.bottom-input-bg{
		background-color: $color-b;
	}
}

.theme-default {
	@extend %light;
}
.theme-light {
	@extend %light;
}
